@font-face { font-family: Ubuntu; src: url('fonts/Ubuntu-R.ttf'); } 

body {
	font-family: Ubuntu;	
}

.menubutton {
	font-size: 10px;
}
	
h1 {
	font-size: 80px;
	display: block; 
	text-decoration: none;
	text-align: center;
	color: lightgray; 
	text-shadow: 0px 3px 3px #0c1014;
	margin-bottom: 10px;
}

.workspace {
	width:1000px; 
	height:690px; 
	color: #111;
	//background: #0c1014;
	background-color: #e8e8e8;
	-webkit-box-shadow: 0px 0px 3px #333;
	-moz-box-shadow: 0px 0px 3px #333; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: right;
}

#mode_workspace_label {
	width: 124px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-left-radius: 0px;	
}

#mode_player_label {
	width: 124px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.frame {
	color: lightgray;
	height: 300px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	background: #0c1014;
	-webkit-box-shadow: 0px 0px 3px #555;
	-moz-box-shadow: 0px 0px 3px #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-width: 0px;
}
.right {
	width: 250px;
	height: 685px;
	color: #111;
	background-color: #e8e8e8;
	-webkit-box-shadow: 0px 0px 3px #333;
	-moz-box-shadow: 0px 0px 3px #333; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: left;
	position: relative;
	padding-top: 5px;
}
#player_toolbar {
	font-size: 12px; 
	margin-left: auto;
	margin-right: auto;
	width: 904px;
	padding-left: 4px;
	padding-top: 2px;
	margin-bottom: 5px;
	position: absolute;
	top: 5px;
	left: 400px;
}
#workspace_toolbar {
	font-size: 12px; 
	margin-left: auto;
	margin-right: auto;
	float: right; 
	width: 996px;
	height: 25px;
	padding-left: 4px;
	padding-top: 2px;
	margin-bottom: 6px;
	margin-top: 0px;
}

.stateslist .ui-selecting { 
	background: #FECA40; 
}
.stateslist .ui-selected {
	background: #F39814; 
}
.stateslist { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}
.stateslist li {
	margin: 3px; 
	padding-bottom: 10px; 
	font-size: 12pt; 
	height: 10px; 
}

.object  {
	text-align: center;
	position: absolute !important
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-top: 25%;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
  text-align: center;
  z-index: 10000;
  display: none;
}
.alert-heading {
  color: inherit;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}

